<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Dnd DefaultDropMode Test</title>
		
		<link rel="stylesheet" type="text/css" href="../../../../dojo/resources/dojo.css" />
		<link rel="stylesheet" type="text/css" href="../../../../dojo/tests/dnd/dndDefault.css" />
		<link rel="stylesheet" type="text/css" href="../../../../dijit/themes/tundra/tundra.css" />
		<link rel="stylesheet" type="text/css" href="../../../../dijit/tests/css/dijitTests.css" />
		
		<link rel="stylesheet" type="text/css" href="../../resources/dnd.css" />
		<link rel="stylesheet" type="text/css" href="../resources/test_dnd.css" />
		
		<script type="text/javascript" src="../../../../dojo/dojo.js"
			data-dojo-config="parseOnLoad:true, isDebug:false"></script>
	
		<script type="text/javascript">
			dojo.require("dojox.mdnd.AreaManager");
			dojo.require("dojox.mdnd.DropIndicator");
			dojo.require("dojox.mdnd.dropMode.DefaultDropMode");
			
			var init = function(){
				var m = dojox.mdnd.AreaManager.areaManager();
				m.areaClass = "dndArea";
				m.dragHandleClass = "dragHandle";
				m.registerByClass();
			};
			
			dojo.addOnLoad(init);
		</script>
	</head>
	<body class="tundra">
		<div id="main">
			<h1>Drag and Drop</h1>
			<div id="leftArea" class="dndArea container" style="top:80px; left: 50px;">
				<div id="itemA" class="dndItem">
					<div class="dragHandle">title</div>
					<div>
						<p>Proin aliquet accumsan nunc. Duis nec tortor. Aliquam erat volutpat. Fusce erat velit, fringilla vel, varius nec, rhoncus sed, quam. Morbi orci. In arcu dolor, tempor sit amet, mattis ac, dignissim sed, purus. Cras malesuada, massa et bibendum facilisis, metus eros tristique pede, ac ullamcorper urna pede at nulla. Morbi a nulla gravida tellus pellentesque commodo. In hac habitasse platea dictumst. Nunc sit amet nisl nec mauris venenatis pharetra. Nam tristique consequat justo. Curabitur hendrerit venenatis purus.</p>
					</div>
				</div>
			</div>
			<div id="middleArea" class="dndArea container" style="top:80px; left: 350px;"></div>
			<div id="rightArea" class="dndArea container" style="top:80px; left: 650px;">
				<div id="itemB" class="dndItem">
					<div class="dragHandle">title</div>
					<div class="fixedHeight">
						<p>Proin aliquet accumsan nunc. Duis nec tortor. Aliquam erat volutpat. Fusce erat velit, fringilla vel, varius nec, rhoncus sed, quam. Morbi orci. In arcu dolor, tempor sit amet, mattis ac, dignissim sed, purus. Cras malesuada, massa et bibendum facilisis, metus eros tristique pede, ac ullamcorper urna pede at nulla. Morbi a nulla gravida tellus pellentesque commodo. In hac habitasse platea dictumst. Nunc sit amet nisl nec mauris venenatis pharetra. Nam tristique consequat justo. Curabitur hendrerit venenatis purus.</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
